@layout("/common/_container.html"){
<style>
	.input-group{
		/*width:45%;*/
	}
	.row input[type=text],.form-control, .single-line{
	    width:35%;
        float:left;
    }
    .error{
        color:red;
        float:left;
        padding-top: 7px;
        padding-left: 10px;
    }
    .isShow label{
        padding-right:10px;
        padding-top:3px;
    }
	.input-group{
		width:60%;
		margin:0 auto;
	}
	.row input[type=text]{
	width:45%; 
    }
    .error{
        color:red;
    }
</style>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="attrId" value="${item.attrId}">

			<input type="hidden" id="goodsCatId1" value="${item.goodsCatId}">
			<input type="hidden" id="goodsCatId2" value="${goodsCatId2}">
			<input type="hidden" id="goodsCatId3" value="${goodsCatId3}">
			<div class="col-sm-12">
				<#Select id="goods1" name="所属分类" >
			<option id="goodscats1" value="">请选择</option>
				</#Select>
			</div>
			<div class="col-sm-12">
				<#Select id="goods2" name="二级分类" >
				<option id="goodscats2" value="">请选择</option>
				</#Select>
			</div>
			<div class="col-sm-12">
				<#Select id="goods3" name="三级分类" >
				<option id="goodscats3" value="">请选择</option>
				</#Select>
			</div>
			<div class="row">
            <#input id="attrName" name="属性名称" value="${item.attrName}"/>
             <input type="hidden" id="attrType1" value="${item.attrType}">
              <#Select id="attrType" name="属性类型" value="${item.attrType}">
				<option  value="0">输入框</option>
				<option  value="1">多选框</option>
				<option  value="2">下拉框</option>
			</#Select>
			<div style="displa:flex;width:750px;height:50px;line-height:30px;margin:0 auto;">
                  <span>是否显示</span> 
                  <input type="radio" id="isNotShow" name="isShow" value="0"  />不显示
				 <input type="radio" id="isShow" name="isShow" value="1" />显示
				<script>
              		let isShow = ${item.isShow} == '1'
              		$('#isShow').attr('checked', isShow),
              		$('#isNotShow').attr('checked', !isShow);
              	</script>	
              	</div>
                   <#input id="attrSort" name="排序号" value="${item.attrSort}"/>
                <div class="col-sm-6 b-r">
                 			
               			   <!--   <#input id="attrType" name="属性类型 0：输入框 1：多选框 2：下拉框" value="${item.attrType}" />
                           <#input id="attrId" name="自增ID" value="${item.attrId}" underline="true"/>
                            <#input id="goodsCatId" name="最后一级商品分类ID" value="${item.goodsCatId}" underline="true"/>
                            <#input id="goodsCatPath" name="商品分类路径" value="${item.goodsCatPath}" underline="true"/>
                            -->
                         
                </div>

                <div class="col-sm-6">
                  <!-- <#input id="isShow" name="是否显示 1：显示 0：不显示" value="${item.isShow}" underline="true"/> -->
                    
                            <!-- <#input id="attrVal" name="属性值" value="${item.attrVal}" underline="true"/>
                           <#input id="dataFlag" name="有效状态 1：有效 -1：无效" value="${item.dataFlag}" underline="true"/>
                            <#input id="createTime" name="创建时间" value="${item.createTime}" /> -->
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="AttributesInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="AttributesInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/modular/huamao/public/goodscats.js"></script>

<script src="${ctxPath}/static/modular/huamao/attributes/attributes_info.js"></script>


@}
